//

var index=0;
//改变图片
function ChangeImg() {
    index++;
    var a=document.getElementsByClassName("img-slide");
    if(index>=a.length) index=0;
    for(var i=0;i<a.length;i++){
        a[i].style.display='none';
    }
    a[index].style.display='block';
}
//设置定时器，每隔两秒切换一张图片
setInterval(ChangeImg,2000);


            //选选项卡
            var ali=document.querySelectorAll('.bag li');
            //获取选项卡数组
            console.log(ali);
            var acont=document.querySelectorAll('.tab .tab-center');
            //获取选项卡相关内容的数组
            console.log(acont);
            
            
            //遍历选项卡数组
            for(var i =0 ; i < ali.length ; i++){	
                ali[i].index=i;
                ali[i].onclick=function(){
                    //此处的内部for循环，作用为：
                    //使得之前被选中的选项卡取消选中
                    //使得之前显示的选项卡内容全部隐藏display为none
                    //实现不会有两个选项卡同时显示
                    for(var j=0;j<ali.length;j++ ){
                      
                        acont[j].style.display='none';
                    }
                     //当i项遇到点击事件时，i项选项卡为avtive选择状态，其内容为block显示状态
                    
                    acont[this.index].style.display="block";
                }
            }
        
        
        // 收起   展开
            function showdiv()  {
                    document.getElementById("show").style.display = "block";
                 
                    document.getElementById('strHref').innerHTML="收起";
                    document.getElementById('strHref').href="javascript:hidediv();";
                }
                function hidediv() {
                    document.getElementById('show').style.display='none';
                    document.getElementById('strHref').innerHTML="展开";
                    document.getElementById('strHref').href="javascript:showdiv();";
                }